﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="RegisterForm.ascx.cs" Inherits="iShopping.Guest.UserControl.RegisterForm" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="iShoppingDTO" %>
<%@ Import Namespace="iShoppingBUS" %>
<div class="register-boxy-modal" style="">
</div>
<div class="register-boxy-border">
    <div class="register-boxy">
        <div class="register-boxy-container">
            <div class="register-boxy-title">
                Đăng ký thành viên</div>
            <form id="subform" class="register-boxy-content" style="width: 100%;" action="" method="post">
            <div class="register-boxy-body">
                <div class="register-boxy-content">
                    <div class="fregister hrwd proinfo">
                        <strong class="lHeader">Thông tin cá nhân:</strong> <span class="" style="text-align: right;
                            margin-left: 300px; position: absolute;">(<span style="color: red;">*</span>) là
                            những thông tin bắt buộc</span>
                        <table style="width: 90%; margin-left: 20px;">
                            <tbody>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lName absin">Họ và tên:</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="name" name="name" style="width: 210px;" type="text">
                                    </td>
                                    <td>
                                        <label>
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lBirthday absin">Ngày sinh:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="day" name="day" style="width: 61px;" type="text">/
                                        <input class="" id="month" name="month" style="width: 61px;" type="text">/
                                        <input class="" id="year" name="year" style="width: 61px;" type="text">
                                    </td>
                                    <td>
                                        <img id="birthday_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_birthday" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lAreaPlace absin">Nơi sinh:</span> <span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <%
                                            List<CityDTO> citys = CityBUS.getCitys();
                                        %>
                                        <select class="" id="city" name="city" style="width: 214px;">
                                            <option>--Hãy chọn thành phố--</option>
                                            
                                            <%foreach(CityDTO city in citys) { %>
                                                <option><%=city.Ten%></option>
                                            <%} %>
                                            
                                            <option>Nơi Khác</option>
                                        </select>
                                    </td>
                                    <td>
                                        <img id="city_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_city" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lAddress absin">Địa chỉ:</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="address" name="address" style="width: 210px;" type="text">
                                    </td>
                                    <td>
                                        <label>
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lPhone absin">Số di động:</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="phone" name="phone" style="width: 210px;" type="text">
                                    </td>
                                    <td>
                                        <img id="phone_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_phone" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lCredit absin">Mã thẻ tín dụng:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="credit" name="credit" style="width: 210px;" type="text">
                                    </td>
                                    <td>
                                        <img id="credit_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_credit" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lGender absin">Giới tính:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <select class="" id="gender" name="gender" style="width: 214px;">
                                            <option>--Hãy chọn giới tính--</option>
                                            <option>Nam</option>
                                            <option>Nữ</option>
                                        </select>
                                    </td>
                                    <td>
                                        <img id="gender_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_gender" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lEmail absin">Email:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="email" name="email" style="width: 210px;" type="text">
                                    </td>
                                    <td>
                                        <img id="email_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_email" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="fregister hrwd accinfo">
                        <strong class="lHeader">Thông tin tài khoản:</strong>
                        <table style="width: 90%; margin-left: 20px;">
                            <tbody>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lAcc absin">Tên tài khoản:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="username" name="username" type="text" style="width: 210px;">
                                    </td>
                                    <td>
                                        <img id="username_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_username" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lPass absin">Mật khẩu:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="password" name="password" type="password" style="width: 210px;">
                                    </td>
                                    <td>
                                        <img id="password_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_password" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lAcc absin">Nhập lại mật khẩu:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="repassword" name="repassword" type="password" style="width: 210px;">
                                    </td>
                                    <td>
                                        <img id="repassword_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_repassword" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="fregister hrwd security">
                        <strong class="lHeader">Mã xác nhận:</strong>
                        <table style="width: 90%; margin-left: 20px;">
                            <tbody>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lSec absin">Mã kiểm tra:</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <%
                                            MaXacNhanDTO mxn = MaXacNhanBUS.getMaXacNhanByMa(new Random().Next(1, 40));
                                        %>
                                        <img id="refreshverifycodePic" src="<%=mxn.Hinhanh%>" width="210" />
                                        <input type="hidden" id="securitycode" value="<%=mxn.Id%>" />
                                        <a id="refreshverifycode">
                                            <img src="/images/iconRe.jpg" /></a>
                                    </td>
                                    <td>
                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: right; width: 150px;">
                                        <span class="lInfoma lSec absin">Nhập mã kiểm tra:</span><span style="color: red">*</span>
                                    </td>
                                    <td style="width: 260px;">
                                        <input class="" id="security" name="security" type="text" style="width: 210px;">
                                    </td>
                                    <td>
                                        <img id="security_ok_pic" style="display:none;" height="18" width="18" src="../images/okicon.jpeg" />
                                        <label id="lbErr_security" class="errorLabel">
                                        </label>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div style="width: 560px; border-bottom: 1px solid #CCCCCC; font-size: 17px; margin: 0 50px 10px;
                    padding: 0 5px 10px;" class="cont02a">
                    <span style="color: red; font-size: 15px;">
                        <label id="register-error-msg"></label>
                    </span>
                </div>
                <div style="padding: 5px 0 15px 50px;">
                    Bằng việc nhấn vào "Đăng ký" là bạn đồng ý với <a href="/general/policy.10.html"
                        target="_blank">Thỏa thuận sử dụng</a>
                </div>
                <div class="register-boxy-footer">
                    <input type="button" class="register-boxy-button register-boxy-ok" value="Đăng ký"/>
                    <input class="register-boxy-button register-boxy-cancel" type="button" value="Hủy bỏ"
                        onclick="javascript:hideRegisterForm()" />
                </div>
            </div>
            </form>
            <a class="register-boxy-close"></a>
        </div>
    </div>
</div>
